﻿@{
    ViewBag.Title = "Nhà đài";
    Layout = "~/Views/Shared/_LayoutPrint.cshtml";
}
<script type="text/javascript">
    $(document).ready(function () {
        $('.month-title').each(function (k, v) {
            var month = $(this).attr('month');
            var year = $(this).attr('year');
            $(this).attr('colspan', daysInMonth(month, year));
        });
        $('.current_year').html(new Date().getFullYear());
    });

    function daysInMonth(month, year) {
        return new Date(year, month, 0).getDate();
    }

    function getDay(year, month, day) {
        var days = ['CN', 'Hai', 'Ba', 'Tư', 'Năm', 'Sáu', 'Bảy']
        var now = new Date(year, month - 1, day);
        return days[now.getDay()];
    }

    function printPage() {
        window.print();
    }

</script>
<div id="printOption">
    <input style="width: 150px; margin-top: 10px;" type="button" onclick="document.getElementById('printOption').style.visibility = 'hidden'; printPage();"
        value="In chứng nhận phát sóng" />
</div>
<div class="dvSchedule">
    <div class="boxInfomation" style="text-align: left; margin-top: 25px; margin-bottom: 10px;">
        <div style="width: 50%; float: left;">
            <div style="font-size: 15px; float: left; text-align: center; text-transform: uppercase;">
                @ViewBag.lStation
                <br />
                @ViewBag.lProvince
                <br />
                @Html.Raw("******")
            </div>
        </div>
        <div style="text-align: left;">
            <div style="font-size: 15px; text-align: center; text-transform: uppercase;">
                CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM
                <br />
                Độc Lập - Tự Do - Hạnh Phúc
                <br />
                *******
            </div>
        </div>
        <div style="text-transform: uppercase; text-align: center; margin: 20px 0; font-weight: bold;
            font-size: 20px;">
            GIẤY CHỨNG NHẬN PHÁT SÓNG
        </div>
        <div style="text-align: left; font-size: 15px;">
            @ViewBag.lInfomation
        </div>
    </div>
    <table class="schedules">
        @{
            int intSum = 0;            
        }
        <thead>
            <tr>
                <th rowspan="2" width="70px">
                    Chương trình
                </th>
                <th rowspan="2" width="100px">
                    Giờ phát
                </th>
                <th rowspan="2" width="50px">
                    Thời lượng
                </th>
                <th rowspan="2" width="40px">
                    Số lần
                </th>
                <th class="month-title" year=@ViewBag.YearId  month= @ViewBag.MonthId  style="background: none">
                    Tháng @ViewBag.MonthId năm @ViewBag.YearId
                </th>
            </tr>
            <tr>
                <script type="text/javascript">
                        for (var i = 1; i <= daysInMonth( @ViewBag.MonthId, @ViewBag.YearId); i++) {
                            document.write(
                                            '<th class="schedule" style="background: none">' +
                                                '<div class="text certificate"><div>' + getDay(@ViewBag.YearId, @ViewBag.MonthId, i) + '</div></div>' +
                                                '<div class="number certificate">' + i + '</div>' +
                                            '</th>'
                                        )
                        }
                </script>
            </tr>
        </thead>
        <tbody>
            @foreach (VoiceAd.Models.tblPrintSchedule tbl in ViewBag.lstData)
            {
                intSum += tbl.SoNgay;                
                <tr>
                    <td>@tbl.Section
                    </td>
                    <td>@tbl.BroadCastTime
                    </td>
                    <td>
                        @{
                            if (ViewBag.CampaignId == 132)
                            {
                                        @Html.Raw("90s")
                            }
                            else
                            { 
                                        @Html.Raw("60s")
                            }
                        }
                    </td>
                    <td>
                        @ViewBag.CountDay
                    </td>
                    <script type="text/javascript">                        
                        var arrDay= '@tbl.DayBook';
                       
                        for (var i = 1; i <= daysInMonth(@tbl.MonthBook, @tbl.YearBook); i++) {
                            var display = '';
                            var lst = arrDay.split(',');
                            for (var j=0 ;j<= lst.length;j++){
                                if (i==lst[j]){
                                    display='x';
                                    break;
                                }
                            }
                            document.write('<td>' + display + '</td>')
                        }
                    </script>
                </tr>
            }
            <tr class="summary">
                <td colspan="3" style="text-align: right">
                    Cộng:
                </td>
                <td>
                    @ViewBag.CountDay
                </td>
            </tr>
        </tbody>
    </table>
    <div class="boxInfomation" style="text-align: left; margin-top: 25px; margin-bottom: 50px;">
        <div style="width: 50%; float: left;">
            <div style="font-size: 15px; float: left; text-align: center; text-transform: uppercase;">
                &nbsp;
            </div>
        </div>
        <div>
            <div style="font-size: 15px; text-align: center; float: left; text-transform: none;">
                Trưởng Đài
                <br />
                Ngày …… Tháng …… Năm ……
            </div>
        </div>
    </div>
